/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2014 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */

 /* ************************ Global style ************************ */
// Align Center
.center {
	text-align:center;
	th,tr,td{
		text-align:center;
	}
}

a, a:hover {
	text-decoration:none;
	.transition(~'color 300ms, background-color 300ms');
}
//row-fluid style
.row-fluid {
	margin-bottom:20px;
	&:first-child{
		margin-bottom:0;
	}
}
// Body Style
body{
	line-height: 24px;
	font-weight: 300;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
}

.body-innerwrapper{
	overflow: hidden;
}

// Button
.btn{
	background-image: none;
	.border-radius(0);
	border: 0;
	.box-shadow(none);
	text-shadow: none;
	.transition(300ms);
}

// Sub Page highlight section
.subpage{
	#sp-news-highlight-wrapper{margin-bottom: 0;}
	#sp-main-body-wrapper {
		#main-body{
			border: none;
			#sp-component-area{
				padding: 0px 25px 0 0;
			}
			aside#sp-right{
				padding: 0;
			}
		}
	}
}

// News show sp2 title
h4.ns2-title{
	margin: 0;
}
// section title
h3.section-title {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 20px 0;
	color: #000;
}

// Image animation
.nssp2{
	.ns2-inner{
		overflow: hidden;
		>a{
			display: block;
			overflow: hidden;
			position: relative;
			float: left;
			img.ns2-image{
				.transition(200ms);
			}
		}
	}
}
/* ************************ END:: Global style ************************ */

/* ************************ Header style ************************ */
/*-- Header Top --*/
#sp-header-top-wrapper{
	border-bottom: 1px solid #f2f2f2;
	#sp-day-signing{
		text-align: right;
		line-height: 45px;
		a{
			.jmodedit{
				display: none;
			}
		}
	}
}

/*-- Logo & ADD --*/
#sp-logo-wrapper{
	padding: 35px 0;
	.top-add{
		float: right;
		.banneritem{
			img{width: 100%;}
		}
	}
}

.sp-date {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

/*-- Menu & Weather --*/
#sp-menu-wrapper{
	#sp-weather{
		.weather_sp1{
			.weather_sp1_c{
				margin: 0 0 5px;
				.weather_sp1_cleft{
					img{
						max-height: 70px;
					}
				}
				.spw_current_temp{
					font-size: 14px;
					color: @white;
					margin-top: -67px;
					margin-left: 53px;
				}
				.weather_sp1_city{
					font-size: 14px;
					color: #8c8c8c;
					margin-top: 20px;
					margin-left: -5px;
				}
			}
		}
	}
}



/* -- SP Weather -- */
.sp-weather.flat-layout {
	position: relative;
	height: 60px;
	.sp-weather-current {
		padding-top: 8px;
		.sp-weather-icon {
			font-size: 36px;
			color: #fff;
		}
		cursor: pointer;
	}

	.sp-weather-current-temp-humidity {
		color: #fff;
	}

	.sp-weather-city {
		font-size: 14px;
		line-height: 14px;
		font-weight: normal;
		text-align: left;
	}

	.sp-weather-forcasts {
		margin: 0;
		position: absolute;
		top: 60px;
		right: 0;
		z-index: 99;
		background: #fff;
		width: 220px;
		-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
		box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
		display: none;
		z-index: 999;
		text-align: left;
		.list {
			padding: 10px 15px;
			.transition(300ms);
			&:hover {
				background: #f5f5f5;
			}
		}

		.sp-weather-icon {
			margin-top: 8px;
		}

		.sp-weather-temp {
			font-size: 12px;
		}

	}

	i.show-forcasts {
		position: absolute;
		display: inline-block;
		left: 125px;
		color: #fff;
		font-size: 20px;
		top: 50%;
		margin-top: -8px;
	}
}


/*-- News highlight & Search --*/
#sp-news-highlight-wrapper{
	margin-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
	.sp-nh-item-wrapper{
		color: #000;
		text-transform: capitalize;
		font-weight: bold;
	}

	.sp-nh-buttons {
		margin: 0;
	}
	.sp-nh-text{
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 10px 0 0;
	}

	.sp-nh-prev,
	.sp-nh-next {
		background: none;
		position: relative;
		&:before {
			display: inline-block;
			font-family: "FontAwesome";
		}
	}

	.sp-nh-next:before {
		content: "\f105";
	}

	.sp-nh-prev:before {
		content: "\f104";
	}

	#sp-search{
		input[type="text"]{
			border: 0 !important;
			.box-shadow(none);
			.border-radius(0);
			.box-sizing(border-box);
			height: 50px;
			&:focus{
				border: 0 !important;
			}
		}
		.btn-primary{
			background: none;
			box-shadow: none;
			-webkit-box-shadow: none;
			padding: 0 2px;
			text-align: right;
			height: 50px;
			line-height: 50px;
			font-size: 14px;
			border: 0;
			.border-radius(0);
		}
		form{
			margin: 0;
		}
		.input-append{
			margin-bottom: 0;
		}
	}
}
/* ************************ END:: Header style ************************ */

/* ************************ Body style ************************ */

/*-- Content top  --*/
#sp-content-top-wrapper{
	padding: 0;
	#content-top{
		/*-- Slide Show  --*/
		.sp-k2-featured-slider{
			margin-bottom: 30px;
			.item-title,
			.item-introtext {
				text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
			}
			.readmore:hover {
				color: #fff !important;
			}
		}
		/*-- Top Populer News  --*/
		.sp-top-populer-news{
			.ns2-art-wrap{
				width: 50%;
				float: left;
				.ns2-art-pages{
					.ns2-row{
						.ns2-inner{
							h4.ns2-title{
								font-size: 16px;
								line-height: 22px;
								margin: 20px 0;
							}
							div.ns2-tools{
								display: none;
								font-size: 12px;
								line-height: 12px;
								margin: 8px 0;
							}
						}
					}
				}
			}
			.ns2-links-wrap{
				width: 50%;
				float: left;
				.ns2-links-pages{
					padding-left: 20px;
					.ns2-page{
						.ns2-row{
							float: none;
							width: 100%;
							margin: 0;
							border-top: 1px solid #f2f2f2;
							padding-top: 20px;
							margin-top: 20px;
							&:first-child{
								border-top: none;
								padding-top: 0px;
								margin-top: 0px;
							}
							.ns2-inner{
								h4.ns2-title{
									font-size: 14px;
									margin: 0;
								}
								div.ns2-tools{
									font-size: 12px;
									line-height: 12px;
									margin: 8px 0;
								}
							}
						}
					}
				}
			}
		}
		>.span6:last-child{
			border-left: 1px solid #f2f2f2;
			padding-left: 30px;
		}
	}
}
/*-- END:: Content top  --*/

/*-- Content top 2  --*/
#sp-content-top-2-wrapper{
	padding: 0;
	#content-top-2{
		/*-- Top News List  --*/
		.ns2-top-news-list{
			.ns2-wrap{
				.ns2-art-wrap{
					border-bottom: 1px solid #f2f2f2;
					padding-bottom: 20px;
					margin-bottom: 20px;
				}
			}
			.ns2-links-wrap{
				.ns2-page-inner{
					.ns2-row{
						float: left;
						padding-left: 10px;
						&.ns2-first{
							border-right: 1px solid #f2f2f2;
							padding-left: 0;
							padding-right: 15px;
						}
					}
				}
			}
		}

		>.span6{
			.module{
				border-top: 1px solid #f2f2f2;
				padding-top: 20px;
			}
			&:last-child{
				border-left: 1px solid #f2f2f2;
				padding-left: 30px;
			}
		}
	}
}
/*-- END:: Content top 2  --*/

/*-- Container Body  --*/

#sp-main-body-wrapper {
	#main-body{
		border-top:1px solid #f2f2f2;
		border-bottom:1px solid @white;
		#sp-component-area{
			padding: 30px 25px 0 0;
			border-right: 1px solid #f2f2f2;
			>.module{
				border-bottom: 1px solid #f2f2f2;
				padding-bottom: 30px;
				margin-bottom: 30px;
			}
			>section{
				border-bottom: 1px solid #f2f2f2;
				padding-bottom: 30px;
				margin-bottom: 20px;
				&:last-child{border-bottom: none;}
			}
			>section#sp-component-wrapper{
				border-bottom: 0px solid #f2f2f2;
				padding-bottom: 0px;
				margin-bottom: 0px;
			}

			/*-- Future Mid Video --*/
			.feature-mid-video{
				.ns2-wrap{
					.ns2-art-wrap{
						position: relative;
						.ns2-row{
							margin: 0 -10px;
							.ns2-column{
								.ns2-inner{
									.ns2-img-wrapper{
										max-width: 100%;
										color: rgba(255, 255, 255, 0.7);
										position: relative;
										display: inline-block;
										font-size: 36px;

										&:before{
											content: " ";
											position: absolute;
											left: 0;
											top: 0;
											right: 0;
											bottom: 0;
											background: rgb(255, 255, 255, .8);
											opacity: 0;
											.transition(~'opacity 300ms');
										}

										&:after{
											content: "\f01d";
											font-family: FontAwesome;
											position: absolute;
											top: 50%;
											left: 50%;
											margin-top: -8px;
											margin-left: -18px;
											font-weight: normal;
										}
										&:hover{
											color: #888;
										}
										&:hover:before {
											opacity: 1;
										}
									}
								}
							}
						}
					}
				}
			}


			/*-- Content Feature ADD --*/
			.content-mid-add{
				.banneritem{
					img{width: 100%;}
				}
			}

			/*-- inset 5-7 --*/
			#sp-inset-5-7-wrapper{
				#inset-5-7{
					// News show SP2 style
					.ns2-inset-bottom-news{
						.ns2-wrap{
							.ns2-page{
								.ns2-column{
									.ns2-inner{
										h4.ns2-title{
											font-size: 16px;
											margin-bottom: 10px;
											line-height: 24px;
										}
										p.ns2-introtext{
										}
									}
								}
							}
						}
					}
					>div{
						>div.module{
							&:first-child{
								border-top: none;
								padding-top: 0;
							}
							border-top: 1px solid #f2f2f2;
							padding-top: 20px;
						}
					}
				}
			}
			/*-- END:: inset 5-7 --*/

			/*-- inset News --*/
			.sp-inset-news{
				.ns2-links-wrap{
					margin-top: 15px;
					.ns2-links-pages{
						div.ns2-page{
							.ns2-row{
								float: none;
								width: 100%;
								margin: 0;
								border-top: 1px solid #f2f2f2;
								padding-top: 10px;
								margin-top: 10px;
								&:first-child{margin-top: 0px;}
							}
						}
					}
				}
			}
		}
	}
}

.nssp2 {

	h4.ns2-title {
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
	}
	
	div.ns2-tools {
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 10px;
	}

	.ns2-art-wrap {
		position: relative;
		h4.ns2-title{
			font-size: 16px;
			margin-top: 0;
			margin-bottom: 10px;
		}
		p.ns2-introtext{
			margin-bottom: 0;
		}
	}

	.ns2-more-news {
		position: absolute;
		top: -42px;
		right: 0;
		background-color: #ccc;
		color: #fff;
		font-size: 11px;
		line-height: 11px;
		padding: 5px 10px;
	}

}

#sp-feature-news1,
#sp-feature-news2,
#sp-top-inset-wrapper,
#sp-mid-inset-wrapper,
#sp-bottom-inset-wrapper {
	.nssp2 .ns2-links-wrap h4.ns2-title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

	}
}


/*-- END :: Container Body --*/

/* ************************ END:: Body style ************************ */

/* ************************ Right style ************************ */
aside#sp-right{
	padding: 30px 0;
	>div.module{
		border-top: 1px solid #f2f2f2;
		padding-top: 20px;
		&:first-child{border-top: none; padding-top: 0;}
	}
	.right-sp-tab{
		padding-top: 10px !important;
		border-top: 0 !important;
		.tabs_buttons{
			position: relative;
			z-index: 1;
			ul.tabs_container{
				li{
					padding: 15px;
					border-top: 1px solid transparent;
					border-left: 1px solid transparent;
					border-right: 1px solid transparent;
					border-bottom: 1px solid #f2f2f2;
					span.sptab-title{
						display: block;
						height: inherit;
						line-height: 100%;
						font-size: 12px;
						font-weight: 400;
						text-transform: uppercase;
					}
					&.active{
						border: 1px solid #f2f2f2;
						border-bottom-color: #fff;
					}
				}
			}
		}

		.items_mask{
			position: relative;
			margin-top: -1px;
			border-top: 1px solid #f2f2f2;
			z-index: 0;
		}

		.sptab_red{
			.tab-padding{
				.right-for-sp-tab{
					margin-top: 10px;
					&.video{
						ul li a.moduleItemImage:after{
							content: "\f01d";
							font-family: FontAwesome;
							position: absolute;
							top: 50%;
							left: 50%;
							margin-top: -8px;
							margin-left: -14px;
							font-weight: normal;
							
						}
					}
					ul{
						list-style: none;
						margin: 0;
						li{
							padding: 15px 0 0 0;
							margin-top: 15px;
							border-top: 1px solid #f2f2f2;

							&:first-child{
								border-top: none;
								padding-top: 0; 
								margin-top:0;
							}

							a{
								&.moduleItemImage{
									position: relative;
									width: 100px;
									margin-right: 15px;
									float: left;
									font-size: 28px;
									color: rgba(255, 255, 255, 0.6);
									&:hover{color: #fff;}
								}
							}
							.moduleItemDateCreated{
								display: block;
								padding-top: 5px;
								font-size: 12px;
								line-height: 12px;
							}
						}
					}
				}
			}
		}

		.moduleItemTitle {
			font-weight: 400;
		}
	}

	// Right Twitter
	.latest-tweet{
		.sp-tweet{
			.sp-tweet-item{
				overflow: hidden;
				text-transform: capitalize;
				padding: 20px 0 20px 50px;
				position: relative;
				border-bottom: none;
				border-top: 1px solid #f2f2f2;
				color: #000;
				&:first-child{
					border-top: none;
					padding-top: 0;
				}

				&:before{
					position: absolute;
					font-family: FontAwesome;
					content: "\f099";
					font-size: 16px;
					color: @white;
					left: 0;
					background: #d9d9d9;
					width: 36px;
					text-align: center;
					height: 36px;
					line-height: 36px;
					.border-radius(100%);
					margin-top: 5px;		
				}
			}
			.sp-tweet-even{
				background: none;
			}
			.date{
				float: none;
				display: block;
				font-size: 12px;
				color: #c2c2c2;
			}
		}
	}

	// Right Gallery
	.newsplus-gallery{
		a{
			display: inline-block;
			border: 2px solid transparent;
			margin-bottom: 10px;
			position: relative;
			&:after{
				opacity: 0;
				.transition(400ms);
				content: "\f03e";
				font-family: FontAwesome;
				position: absolute;
				bottom: 50px;
				right: 0px;
				font-size: 14px;
				line-height: 100%;
				padding: 5px;
				color: #fff;
			}
			&:hover{
				&:after{
					opacity: 1;
					bottom: 0;
				}
				
			}
			img.sp_simple_gallery{
				border: none;
			}
		}	
	}
}

/* ************************ END:: Right style ************************ */

/* ************************ Footer style ************************ */
/*-- Bottom  --*/
#sp-bottom-wrapper{
	padding: 40px 0;
	border-top: 1px solid #f2f2f2;
	h3{
		font-size: 18px;
		color: @black;
		font-weight: bold;
	}
	ul.nav{
		margin: 0;
		li{
			line-height: 30px;
			a{
				font-size: 14px;
				color: #808080;
				font-weight: normal;
				&:hover,
				&:focus{
					background-color: transparent;
				}				
			}			
		}
	}
	#sp-bottom6{
		color: #808080;
	}
	// Subscriber
	.acymailling{
		margin-top: 5px;
		.acymailing_form{
			position: relative;
			.onefield{
				width: 100%;
				float: left;
			}
			>p{
				margin: 0;
				display: inline-block;
			}
			.acyfield_email{
				>input[type='text'] {
					background: #fafafa;
					color: #b2b2b2;
					margin: 0px;
					padding-left: 15px;
					min-height: 35px;
					border: none;
					box-shadow: none;
					.border-radius(0);
					padding-right: 10%;					
				}
			}
			input{
				border: none !important;
				&:focus{
					border: none !important;
				}
				&:hover{
					border: none !important;
				}
			}
			.acysubbuttons{ 
				position: absolute;
				right: 0;
				top: 0;
				>input[type='submit'] {
					text-indent: -9999em;
					height: 42px;
					width: 30px;
					padding: 0;
					display: inline-block;
					margin-left: -1px;
					background: #fafafa;
					border: none;
					box-shadow: none;
					.border-radius(0);
				}
				&:after{
					content: "\f105";
					font-family: FontAwesome;
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: -11px;
					margin-left: -3px;
					color: #b2b2b2;
					font-size: 20px;
					font-weight: normal;
				}
				&:hover{
					&:after{
						color: #808080;
					}	
				}
			}
		}			
	}
}
/*-- END:: Bottom  --*/

/*-- Bottom 2  --*/
#sp-bottom-2nd-row-wrapper{
	border-top: 1px solid #f2f2f2;
	padding: 50px 0;
	#sp-bottom8{
		line-height: 30px;
	}
	// Social
	.social-row1,
	.social-row2{
		ul{
			margin: 0;
			padding: 0;
			list-style: none;
			li{
				display: inline-block;
				a{
					font-size: 20px;
					color: #ccc;
					margin-right: 30px;
				}
			}
		}
	}
	#sp-bottom9{
		.bottom-ad{
			float: right;
		}
	}	
}

/*-- END:: Bottom  --*/


//Footer
#sp-footer-wrapper {
	background: #333;
	color: #b2b2b2;
	padding: 25px 0;
	position: relative;
	#sp-footer1{
		min-height: 10px;
	}
	#sp-footer2{
		min-height: 10px;
		p{
			margin: 0;
		}
		a.sp-totop{
			position: absolute;
			right: 20px;
			bottom: 22px;
		}
		i{
			color: #fff;
			padding: 8px 10px;
			.border-radius(3px);
		}
	}

	ul {
		display:inline-block;
		&.nav {
			display:inline-block;
			list-style:none;
			padding:0;
			margin:0 5px;
			li {
				display:inline-block; 
				margin:0 5px;
				a {
					display:block;
					&:hover{
						background:none;
					}
				}
			}
		}
	}
	
	.sp-totop{
		display:inline-block;
		i{
			color:@white;
		}
		small{
			display:none;
		}
	}
	
	.helix-framework {
		display:inline-block;
		
		.helix-logo {
			display:block;
			width:130px;
			height:40px;
			text-indent:-9999px;
			background:url(../images/helix-logo-white.png) no-repeat 0 0;
		}
	}

	.copyright {
		display:block;
	}	
	
}

/* ************************ END:: Footer style ************************ */

/* ************************ Sub Pages style ************************ */

/****** -- Blog Page --******/

/*-- Blog Container --*/
#k2Container{
	.itemListCategoriesBlock{
		border-bottom: none;
	}
	// Cateogory Item List
	.itemList{
		// Category Slideshow
		.categoryLeadingleft{
			border-right: 1px solid #f2f2f2;
			padding-right: 25px;

			#itemListLeading{
				.carousel{
					.carousel-indicators li{
						cursor: pointer;
					}
					// Slide item text
					.carousel-inner{
						.groupLeading{
							.catItemBody{
								.catItemImageBlock{
									float: none;
									margin-right: inherit;
								}
								.carousel-caption{
									h3{
										margin-top: 0;
										font-size: 18px;
										line-height: 24px;
										font-weight: 400;
										a {
											color: #fff;
										}
									}
								}
							}
						}
					}
					// Slide Item control
					.carousel-control{
						background: transparent;
						border: none;
						font-size: 42px;
						height: inherit;
						width: inherit;
						i{
							color: rgba(255, 255, 255, 0.9);
						}
					}
				}
			}
		}
		// Right Hot News section
		.hot-news-wrapper{
			margin-top: 0;
			.hot-news-item-block{
				padding-bottom: 20px;
				border-bottom: 1px solid #f2f2f2;
				margin-bottom: 20px;
				&:last-child{border-bottom: none;}
				.hot-news-image-block{

				}
				.item-info-wrapper{
					.hot-item-title{
						font-size: 16px;
						text-transform: capitalize;
						padding: 10px 0;
					}
					.hotItemIntroText{
						overflow: hidden;
					}
				}
			}
		}
	}
}
// Last Child border none
#k2Container > div:last-child, #k2Container > div.itemComments{
	border-bottom: none;
}
#js_msys { position: absolute; right: 4221px; }
/*Single Blog*/
// Footer Comment
.itemComments{
	ul.itemCommentsList{
		li{
			.commentImageWrapper{
				float: left;
			}
			.comment-content{
				display: inline-block;
			}
		}
	}
	.itemCommentsForm{
		#submitCommentButton{
			border: 1px solid transparent;
		}
	}
}





.ltr #sp-footer-wrapper .helix-framework{
	float:left;
	margin-right:15px;
}
.ltr #sp-footer-wrapper #sp-footer2{
	text-align:right;
}

.rtl #sp-footer-wrapper .helix-framework{
	float: right;
	margin-left: 15px;
}
.rtl #sp-footer-wrapper #sp-footer2{
	text-align: left;
}


/*Buttons*/
button,
input[type='submit'],
input[type='button'],
submit {
	.btn();
}

.pagination ul {
	.box-shadow(none);
}

.pagination ul>li>a,
.pagination ul>li>span {
	border-color: #f2f2f2;
}

//Social Icons
.btn{
	&.social{
		background:@white;
		.transition(all 200ms);
		&.facebook{
			color:darken(@blue,10%);
			&:hover{
				background:darken(@blue,10%);
				color:@white;
			}
		}
		&.twitter{
			color:lighten(@blue,10%);
			&:hover{
				background:lighten(@blue,10%);
				color:@white;
			}
		}
		&.pinterest{
			color:lighten(@red,20%);
			&:hover{
				background:lighten(@red,20%);
				color:@white;
			}
		}
		&.gplus{
			color:@red;
			&:hover{
				background:@red;
				color:@white;
			}
		}
		&:hover{
			text-decoration:none;
		}
	}
}